﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="collapse.aspx.cs" Inherits="special_collapse" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../js/jquery-3.1.1.js"></script>
     <script type="text/javascript">
         dojoConfig = {
             parseOnLoad: true,
             packages: [{
                 name: 'tdlib',
                 location: "/js/tdlib"
             }]
         };
    </script>
    <link href="../css/esri.css" rel="stylesheet" />
    <link href="../css/index.css" rel="stylesheet" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
     <link rel="stylesheet" href="http://ngac.org.cn/jsapi/arcgis/3.9/js/dojo/dijit/themes/claro/claro.css" />
    <script type="text/javascript" src="http://ngac.org.cn/jsapi/arcgis/3.9/"></script>
    <title>滑坡</title>     
</head>
<body style="background-image: url(../images/140H4105946-0.jpg);background-color:antiquewhite;opacity:0.7"> 
    <div style="width:100%;height:100%;background-color:antiquewhite;opacity:1;z-index:999"></div>
    <div class="page-header" style="color:white;text-align:center">
  <h1>台风自然灾害应急专题 <small>四川滑坡</small></h1>
    </div>
    <div class="panel panel-default" style="margin-left:50px">
  <div class="panel-body" style="border:solid 2px #EEEE00;background-color:antiquewhite;opacity:0.7">
    Basic panel example
  </div>
</div>
  <div class="row" style="margin-left:50px;margin-right:50px">
      
  <div class="col-md-6"> 
      <div style="height:600px; width:100%; position:relative;" >
            <div id="toolbar-container">
               <ul>
                   <li>
                       <i id="reset"><span class="glyphicon glyphicon-screenshot" > 复位</span></i>
                   </li>
                   <li>
                       <i onclick="measutreLength()"><span class="glyphicon glyphicon-minus" > 测线</span></i>
                   </li>
                   <li>
                       <i onclick="measutreArea()"><span class="glyphicon glyphicon-th-large"> 测面</span></i>
                   </li>
                   <li>
                       <i onclick="Point()"><span class="glyphicon glyphicon-adjust"> 画点</span></i>
                   </li>
                   <li>
                       <i onclick="Polyline()"><span class="glyphicon glyphicon-align-justify"> 画线</span></i>
                   </li>
                   <li>
                       <i onclick="Polygon()"><span class="glyphicon glyphicon-unchecked"> 画面</span></i>
                   </li>                   
                   <li>
                       <i onclick="refresh()"><span class="glyphicon glyphicon-trash"> 清除</span></i>
                   </li>
               </ul> 
           </div>       
         <p id="location" style="position:absolute;bottom:5px;z-index:50;padding-left:15px; background-color:rgba(167, 251, 246, 0.71);font-size:small" ;opacity="0.8"></p>
         <div id="map" style="width:100%;height:100%;border:solid 2px #EEEE00;" ></div>       
    </div>
  </div> 
       <div class="col-md-6" >
     <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=4" width="550" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:solid 2px #EEEE00;background-color:antiquewhite;opacity:0.7"></iframe>
            <table class="table table-hover">
               <thead>
                   <tr>
                       <th style="width:5%" >序号</th>
                       <th style="width:45%">资料名称</th>
                       <th style="width:25%">编写单位</th>                                            
                       <th style="width:20%">承担单位</th>                                            
                       
                   </tr>
               </thead> 
               <tbody id="project">
                    <tr>
                       <td style="width:10%" >序号</td>
                       <td style="width:45%">资料名称</td>
                       <td style="width:25%">编写单位</td>                                            
                       <td style="width:20%">承担单位</td>                                            
                       
                   </tr>
               </tbody>
            </table>

       </div>
     
   
        


</div>
    

    <script src="../js/myMap.js"></script>
</body>
</html>
